<template>
     <div class="box">
        <header>
            <img @click="aa()" src="../assets/img/return-jt.png"/>
            <p>实体店纸质合同查询</p>
        </header>
        <div class="main">
            <ul>
                <li v-for="list in listData" >
                    <p>{{list.text}}</p>
                    <input type="text" :placeholder="list.value" :id="list.id"/>
                </li>
            </ul>
            <button @clik="verify()">确认修改</button>
        </div>
    </div>
</template>

<script>
 
export default {
  name: 'box',
  data () {
    return{
        listData:[
            {text:"原登录密码",value:"请输入登录密码",id:"name"},
            {text:"新登录密码",value:"8~16位字母、数字",id:"identity"},
            {text:"确认密码",value:"确认新密码",id:"num"}

        ]
    }
  },
  methods:{
    aa(){
      this.$router.go(-1);
    }
  }
  
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/4-7xiugaimima.less";
   @import ".././assets/css/reset.css";
    @import ".././assets/less/style.less";
</style>